<template>
  <div class="home">
    <z-list :questionlist="questionlist"></z-list>
    <z-recommend></z-recommend>
  </div>
</template>

<script>
// @ is an alias to /src
import zList from "../components/List.vue"
import zRecommend from "../components/Recommend.vue"

export default {
  name: 'Home',
  components: {
    zList,
    zRecommend,
  },
  data(){
    return{
      questionlist:[]
    }
  },
  mounted(){
    this.$axios.get("home.json").then(
         res=>{this.questionlist=res.data.data.listInfo}
         ).catch(err=>{console.log(err)}) 
  }
}
</script>
<style scoped>
#recommend{
  position: absolute;
  top:70px;
  left:1000px
}
</style>